/* CSS Document */
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,input,p{margin:0; padding:0; font-family:"微软雅黑";}
li{list-style:none;}
a{text-decoration:none; outline:none; color:inherit;}
a:focus{outline:none;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

/* 头部 */
.topbj{height:108px; background:#333333;}
.topbj .lang{position:absolute; top:0; left:50%; margin-left:620px; color:#FFF; margin-top:26px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.topbj .lang li{height:26px; line-height:26px; padding-left:20px;}
.topbj .lang li:nth-child(1){background:url(images/china.png) left center no-repeat; background-size:auto 60%;}
.topbj .lang li:nth-child(2){background:url(images/english.png) left center no-repeat; background-size:auto 60%;}
.top{width:1200px; height:108px; margin:0 auto;}
.top .fl{margin-top:18px;}
.top dl{float:right; width:116px; height:108px; position:relative;}
.top dt{width:100%; height:100%; background:#434343 url(images/pjh_02.png) center center no-repeat; margin-right:16px; cursor:pointer;}
.top dd{position:absolute; top:110px; right:0; display:none; z-index:9;}
.top dd form{white-space:nowrap; font-size:14px;}
.top dd form input[type="text"]{width:180px; height:30px; border:1px solid #ccc; color:#333; text-indent:6px;}
.top dd form input[type="submit"]{width:50px; height:30px; background:#434343; border:none; color:#FFF;}
.top ul{float:right; line-height:108px; color:#FFF; font-size:14px;}
.top li{float:left;}
.top li a{display:block; padding:0 40px;}
@keyframes myfirst{0% {transform:translate(-200px,0); opacity:0;} 100% {transform:translate(0,0); opacity:1;}}
@keyframes mysecond{0% {transform:translate(200px,0); opacity:0;} 100% {transform:translate(0,0); opacity:1;}}
@keyframes mythird{0% {transform:translate(0,-200px); opacity:0;} 100% {transform:translate(0,0); opacity:1;}}
.myfirst{animation:myfirst 2s;}
.mysecond{animation:mysecond 2s;}
.mythird{animation:mythird 2s;}

/* 首页 */
.box1bj{height:628px; position:relative;}
.box1bj:before{content:""; position:absolute; top:0; left:0; width:50%; height:58px; background:#a5a5a5; z-index:-1;}
.box1bj:after{content:""; position:absolute; bottom:0; right:0; width:50%; height:570px; background:#a5a5a5; z-index:-1;}
.box1{width:1200px; margin:0 auto; padding-top:100px;}
.box1>.fl{width:50%; text-align:center; margin-top:100px;}
.box1>.fl a{position:relative; display:inline-block; }
.box1>.fl a img{display:block; position:relative; z-index:1;}
.box1>.fl a:before{content:""; position:absolute; top:0; right:0; width:392px; height:281px; border:1px solid #ccc; transform:translate(20px,-20px); z-index:-1; transition:0.5s;}
.box1>.fl a:after{content:""; position:absolute; top:0; right:0; width:392px; height:281px; border:1px solid #ccc; transform:translate(-20px,20px); z-index:-1; transition:0.5s;}
.box1>.fl a:hover:before,.box1>.fl a:hover:after{transform:translate(0,0); border:1px solid #fff;}
.box1>.fr{width:50%; color:#FFF; position:relative; z-index:1;}
.box1>.fr dl{margin-left:86px;}
.box1>.fr dl small{font-size:18px; text-transform:uppercase; display:block; margin-bottom:40px;}
.box1>.fr dt{font-size:30px;}
.box1>.fr dd{font-size:14px; line-height:24px; margin-bottom:16px;}

.box2bj{background:url(images/index_02.jpg) center top no-repeat; width:100%; overflow:hidden;}
.box2{width:1200px; margin:0 auto;}
.box2 .index_tit{color:#FFF;}
.index_tit{background:url(images/pjh_03.png) center bottom no-repeat; color:#333; text-align:center; padding:100px 0 22px; margin-bottom:80px;}
.index_tit dt{font-size:48px; text-transform:uppercase; font-family:"宋体"; font-weight:bold;}
.index_tit dd{font-size:30px;}
.box2bj .bod{height:708px; width:1200px; margin:0 auto; position:relative;}
.box2bj .bod ul{position:absolute; top:0; left:-1143px;}
.box2bj .bod ul li{width:1130px; height:708px; float:left; margin:0 16px; position:relative;}
.box2bj .bod ul li img{width:100%; height:100%; display:block;}
.box2bj .bod ul li p{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:210px; height:40px; text-align:center; line-height:40px; background:#008845; color:#FFF; font-family:"宋体"; font-size:22px;}
#zou_box2{position:absolute; top:320px; left:-88px;}
#you_box2{position:absolute; top:320px; right:-88px;}

.box3{width:1200px; margin:0 auto;}
.box3 img{display:block; transition:0.6s;}
.box3 img:hover{transform:scale(1.2);}
.box3 dt{width:790px; height:384px; float:left; position:relative; overflow:hidden; margin-bottom:26px; margin-right:26px;}
.box3 dt img{width:100%; height:100%; display:block;}
.box3 dt ul{position:absolute; bottom:0; left:0;}
.box3 dt li{width:228px; height:70px; line-height:70px; float:left; text-align:center; font-size:16px; background:#a5a5a5; color:#FFF; margin-right:1px;}
.box3 dt li:hover{background:#008845;}
.box3 dd{float:left; width:384px; height:384px; overflow:hidden; margin-right:24px; margin-bottom:26px; position:relative; color:#333;}
.box3 dd img{width:100%; height:100%;}
.box3 dd h3{position:absolute; top:160px; left:0; width:100%; text-align:center; font-size:24px; z-index:2;}
.box3 dd a{display:block; width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; text-align:center; z-index:1; background:rgba(255,255,255,0.6); opacity:0; transition:0.6s;}
.box3 dd:hover a{opacity:1;}
.box3 dd a:before{content:""; position:absolute; top:0; left:0; right:0; bottom:0; width:92%; height:92%; margin:auto; border:1px solid #FFF;}
.box3 dd a p{margin-top:200px;}
.box3 dd:nth-child(2){margin-right:0;}
.box3 dd:nth-child(5){margin-right:0;}
.box3>p{font-size:18px; color:#333333; text-align:center; margin:20px 0 10px;}
.box3>a{display:block; margin:0 auto; width:174px; height:38px; line-height:38px; text-align:center; font-size:14px; border:2px solid #333333;}

.box4bj{width:100%; overflow:hidden;}
.box4{height:570px; width:1200px; margin:0 auto; position:relative;}
.box4 ul{position:absolute; top:0; left:-360px;}
.box4 li{width:626px; float:left; margin-right:24px;}
.box4 li img{width:100%; height:474px;}
.box4 li p{height:30px; line-height:30px; color:#333; padding:0 10px;}
.box4 li p .fl{font-size:20px;}
.box4 li p .fr{font-size:14px;}
.box4bj .more{text-align:center; font-size:14px; color:#333333;}
.box4bj .more a{display:inline-block; width:176px; height:36px; line-height:36px;}
.box4bj .more a:nth-child(1){border:2px solid #333333;}

.box5{width:1200px; margin:0 auto;}
.box5 li{width:358px; color:#333; float:left; margin-right:60px; border:1px solid #cccccc; padding-bottom:30px;}
.box5 li:nth-child(3n){margin-right:0;}
.box5 li img{width:100%; height:180px; display:block;}
.box5 li h4{font-size:24px; margin:40px 22px 30px; font-weight:normal;}
.box5 li p{font-size:14px; line-height:24px; margin:0 22px 10px; height:170px;}
.box5 li .more{padding-left:22px; font-size:14px;}
.box5>.more{display:block; width:176px; height:36px; line-height:36px; font-size:14px; color:#333333; text-align:center; margin:60px auto 40px; border:2px solid #333;}

.box6bj{height:600px; background:url(images/index_2.jpg) center top no-repeat;}
.box6{width:1200px; margin:0 auto; text-align:center; color:#FFF; padding-top:150px;}
.box6 h4{font-size:48px; font-weight:normal;}
.box6 p{font-size:18px; line-height:34px; margin:80px 0 50px;}
.box6 span{font-size:14px; line-height:30px; display:block;}

.box7{width:1200px; margin:0 auto;}
.box7 form{width:940px; height:430px; box-sizing:border-box; border:1px solid #dddddd; padding:50px 0 50px 52px; margin:0 auto;}
.box7 form li{width:394px; float:left; margin-right:44px; margin-bottom:30px;}
.box7 form li p{font-size:14px; color:#666; font-family:"宋体"; margin-bottom:10px;}
.box7 form li input[type="text"]{width:100%; height:40px; border:1px solid #dddddd; text-indent:10px; font-size:14px; color:#666;}
.box7 form li span{font-size:14px; color:#666666; padding-left:10px;}
.box7 form input[type="submit"]{width:94px; height:38px; font-size:14px; color:#333; border:2px solid #333; margin:0 auto; display:block; background:none;}

.box8bj{height:130px; background:#333333; margin:90px 0;}
.box8bj ul{width:1200px; margin:0 auto; background:url(images/index_06.jpg) left top repeat-y;}
.box8bj ul li{width:300px; height:130px; color:#FFF; background:url(images/index_06.jpg) left top repeat-y; display:table-cell; vertical-align:middle; font-size:15px; font-family:"宋体"; position:relative; padding-right:20px; box-sizing:border-box;}
.box8bj ul li img{vertical-align:middle; display:block; float:left; margin-right:18px; margin-left:40px;}
.box8bj ul li span{vertical-align:middle; padding-top:15px;}
.box8bj ul li:nth-child(1):before{content:""; border:20px solid rgba(0,0,0,0); border-top-color:#333; position:absolute; bottom:-40px; left:50%; margin-left:-10px; z-index:10;}

.box9{width:1200px; margin:0 auto 80px;}
.box9 .fl{width:690px; height:550px; border:10px solid #dddddd; margin-left:50px;}
.box9 dl{margin-left:760px; padding-top:50px;}
.box9 dl dt{font-size:24px; color:#333; padding-left:50px; margin-bottom:30px;}
.box9 dl dd{padding:10px 30px 10px 82px; font-size:15px; color:#333333; border-bottom:1px dashed #dddddd;}

.bottombj{background:#333333; padding:40px 0;}
.bottom{width:1200px; margin:0 auto; text-align:center; color:#FFF; line-height:30px;}